@yellow:#ffa128;
@grey:#dddddd;
@bgcolor:#f6f6f6;
@blue:#0CC;
@header:#f0f0f0;
*{
    padding: 0px;
    margin: 0px;
}
body{
    font-family:"Microsoft Yahei",微软雅黑 !important;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

//轮播图部分
.carousel{
    width:100%;
    height: 525px;
    position: relative;
    overflow: hidden;
    .lb{
       a{
           display: none;
           position: absolute;
           top: 0px;
           left: 0px;
       }
    }
    .arrowl{
          display: none;
          width: 68px;
          height: 68px;
          position: absolute;
          top: 227px;
          left: 12px;
          background: url(../images/ico/arrows.png) no-repeat -11px -3px;
          &:hover{
             background: url(../images/ico/arrows.png) no-repeat -11px -71px; 
          }
      }
    .arrowr{
          display: none;
          width: 68px;
          height: 68px;
          position: absolute;
          top: 227px;
          right: -10px;
          background: url(../images/ico/arrows.png) no-repeat scroll -88px -2px;
          &:hover{
            background: url(../images/ico/arrows.png) no-repeat scroll -88px -72px;  
          }
      }
      ul{
          position: absolute;
          top: 493px;
          left: 617px;
          li{
             cursor: pointer;
             float: left;
             width: 12px;
             height: 12px; 
             background: #8d8d8d;
             margin-right:9px ;
             border-radius: 50%;
          }
          .bg{
              background: #1cbdc5;
          }
      }
}
//公用class（首页商品图）
.continer{
    width: 242px;
    height: 314px;
    margin-right:44px ;
    position: relative;
    &:hover{
        .introduction{
          box-shadow: 5px 5px 0px 0px #FFA128;
        }
    }
    .introduction{
        width: 196px;
        height: 54px;
        background: #fff;
        position: absolute;
        box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
        top: 280px;
        left:23px;
        a{
          display: block;
          line-height: 54px;
          font-size: 16px;
          text-align: center;
          color: #54D6D6;
        }
    }           
}
//当日精选部分
.title{
    width: 100%;
    height:130px;
    background: @bgcolor;
    .word{
        color: #999;
        font-size: 30px;
        padding: 70px 0px 0px;
        text-align: center;
    }
}
.four{
    width: 100%;
    height: 339px;
    background: @bgcolor;
    .four_pic{
        width: 1100px;
        height: 339px;
        margin: auto;
        .fours{
            .continer
        }
        .no_right{
            margin-right:0px ;
        }
    }   
}

//定制推荐/设计精选部分
.case_sever{
    width: 100%;
    height: 831px;
    background: @bgcolor;
    .cases_sever{
        width: 1100px;
        height: 831px;
        margin: auto;
        .case_word{
            width: 1100px;
            height: 110px;
            p{
                color: #999;
                font-size: 30px;
                padding: 40px 0px 0px;
                text-align: center;                
            }
        }
        .sever_pic{
            width: 1100px;
            height: 721px;
            .no_right{
                margin-right:0px ;
            }
            .m_top{
                margin-top: 68px;
            }
            .bigpic{
                width: 528px;
                height: 314px;
                margin-right:44px ;
                position: relative;
                &:hover{
                  .linesword{
                        box-shadow: 5px 5px 0px 0px #FFA128;
                     } 
                  }
                .linesword{
                    width: 482px;
                    height: 54px;
                    background: #fff;
                    position: absolute;
                    top: 280px;
                    left: 23px;
                    box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
                    a{
                      display: block;
                      line-height: 54px;
                      font-size: 16px;
                      text-align: center;
                      color: #54D6D6;                        
                    }
                }
            }
        }
    }
}
.shougong{
    width: 100%;
    height: 165px;
    background:@bgcolor;
    img{
        display: block;
        margin: auto;
        margin-top: 55px;
    }
}
.flashpurchase{
    width: 100%;
    height: 893px;
    background: @bgcolor;
    .flashcontent{
        width: 1100px;
        height: 893px;
        margin:auto;
        .flashword{
            width: 1100px;
            height: 126px;
            p{
                color: #999;
                font-size: 30px;
                padding: 70px 0px 0px;
                text-align: center;
            }
            .more{
                display: block;
                width: 83px;
                height: 23px;
                margin: auto;
                background: url(../images/ico/more.png) no-repeat;
            }
        }
        .flashshop{
            width: 1100px;
            height: 767px;
            .low_nr{
                margin-right:0px;
                width: 337px;
                height: 337px;
                margin-top: 44px;
                box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
                &:hover{
                    box-shadow: 5px 5px 0px 0px #FFA128;
                }
            }
            .low{
                width: 337px;
                height: 337px;
                margin-top: 44px;
                margin-right:44px;
                box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
                &:hover{
                    box-shadow: 5px 5px 0px 0px #FFA128;
                }
            }
        }
    }
}
.walls{
    width: 100%;
    height: 340px;
    .brand{
        width: 1100px;
        height: 340px;
        margin: auto;
        .wall_title{
            width: 1100px;
            height:86px;
            .word{
                color: #999;
                font-size: 30px;
                padding: 40px 0px 0px;
                text-align: center;
            }            
        }
        .brandList{
            width: 1100px;
            height: 264px;
            a{
                width: 160px;
                height: 68px;
                display: block;
                float: left;
                margin: 20px 0px 0px 17px;
                img{
                    width: 160px;
                    height: 68px;
                    
                }
            }
        }
    }
}
.jiange{
    width: 100%;
    height: 100px;
}
.more_out{
    width: 100%;
    height: 369px;
    background: @bgcolor;
    .cin{
        
        width: 100%;
        height: 10px;
        background: url(../images/ico/footer_bg.gif);
    }
    .more_in{
        width: 1100px;
        height: 359px;
        margin: auto;
        position: relative; 
        .edcode{
            position: absolute;
            top: 110px;
            right:100px;
        }
        .more_top{
            width: 1100px;
            height: 89px;
            float: left;
        }
        .morejingcai{
            float: left;
            margin: 0px 0px 0px 75px;
            p{
                font-size: 20px;
                color: #06C7D3;
                margin-bottom: 10px;
            }
            ul{
                li{
                    a{
                        font-size: 14px;
                        color: #4A4A4A;
                        &:hover{
                            background: #0CC none repeat scroll 0% 0%;
                            color: #FFF;
                        }
                    }
                }
            }
        }
        .women{
           float: left;
           margin: 0px 0px 0px 170px; 
           p{
               font-size: 20px;
               color: #06C7D3;
               margin-bottom: 10px;
           }
           ul{
               li{
                  span{
                      font-size: 14px;
                      color: #4a4a4a;
                  } 
               }
           }
        }
        .guanzhu{
            float: left;
            margin: 0px 0px 0px 100px;
            p{
               font-size: 20px;
               color: #06C7D3;
               margin-bottom: 10px;   
            }
            ul{
                .ewm{
                    img{
                        display: none;
                        position: absolute;
                        top: 119px;
                        left: 569px;
                    }
                    &:hover{
                        img{
                            display: block;
                        }
                    }
                }
                li{
                    width: 140px;
                    height: 29px;
                    margin-bottom: 10px;
                    a{
                      display:block;
                      float: left;
                      height: 29px;
                      line-height: 29px;
                      font-size: 14px;
                      color: #4a4a4a;                
                    }
                    .sina{
                        display:block;
                        float: left;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat;
                        margin-right: 10px;
                    }
                    .qq{
                        display:inline-block;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat 0px -39px;
                        margin-right: 10px;
                    }
                    .douban{
                        display:inline-block;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat 0px -78px;
                        margin-right: 10px;
                    } 
                    .renren{
                        display:inline-block;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat 0px -117px;
                        margin-right: 10px;
                    }
                     .weixin{
                        display:inline-block;
                        width: 29px;
                        height: 29px;
                        background: url(../images/ico/share.png) no-repeat 0px -157px;
                        margin-right: 10px;
                    }                                                                                           
                }
            }
        }
    }
}




.bottom{
    width: 100%;
    height: 366px;
    background:#07c7d3;
    .footer{
        width:1100px;
        height: 366px;
        margin: auto;
        .footitle{
            width: 1100px;
            height:135px;
            p{
                color: #fff;
                font-size: 30px;
                line-height: 135px;
                text-align: center;
            }             
        }
        .footernav{
            width: 1100px;
            height: 20px;
            .box{
                text-align: center;
                height: 20px;
                a{
                    text-align: center;
                    font-size: 13px;
                    color: #fff;
                    line-height: 20px;
                    margin-right:8px ;
                }
            }
        }
        .footermsg{
            width: 1100px;
            height: 20px;
            margin-top: 18px;
            p{
                text-align: center;
                font-size: 13px;
                color: #fff;
                line-height: 20px;                
            }
        }
        .footerpic{
            width: 1100px;
            height: 58px;
            margin-top: 43px;
            .botpic{
                width: 370px;
                height: 58px;
                margin:0px auto;
                background: #FFF none repeat scroll 0% 0%;
                border-radius: 8px;
                img{
                    width: 112px;
                    height: 42px;
                    padding-top: 9px;
                    padding-left: 6px;
                }
            }
        }
    }
}

















